<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta name="description" content="" />
    <title>签署协议</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/css/css.css" rel="stylesheet" type="text/css">
    <link href="/css/Animation.css" rel="stylesheet" type="text/css">
    <link href="/layui/css/layui.css" rel="stylesheet" type="text/css">
    <script src="/layui/layui.js"></script>
    <link href="/css/slider.css" rel="stylesheet" type="text/css">
    <link rel="icon" href="images/icon.ico">
    <script src="/js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="/js/common.js" type="text/javascript"></script>
    <script src="/js/slider.js" type="text/javascript"></script>
    <script src="/js/html5.js" type="text/javascript"></script>
    <script src="/js/jquery.js" type="text/javascript"></script>
    <link href="https://cdn.staticfile.org/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <script src="/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script src="/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="/js/wow.min.js" type="text/javascript"></script>
    <link href="semantic.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
    <script src="/js/jquery.js"></script>
    <script src="/js/html5.js"></script>
    <script type="text/javascript">

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: false,
            live: true
        });
        wow.init();
    </script>
    <style type="text/css">
        * {
            margin: 0px;
            padding: 0px;
        }
        #toTop{
            width: 50px;
            height: 65px;
            border: 1px solid black;
            background-color: #f3f6f6;
            opacity: 0.5;
            text-align: center;
            position: fixed;
            right: 80px;
            bottom: 0px;
        }
    </style>
</head>

<body>
<header class="navbar-fixed-top headerbg">
    <div class="container-fluid">
        <div class="logo">
            <h3 style="line-height: 30px;font-size: 24.5px;font-family: inherit;font-weight: bold;line-height: 20px;color: inherit;text-rendering: optimizelegibility;"><a href="#"><span style="font-size: 30px;">朋心合力</span></a></h3>
        </div>
        <div class="navBox hidden-xs hidden-sm">
            <ul class="navList list-unstyled">
                <li class="navLi">
                    <h3><a href="/index"><span>首页</span></a></h3>
                </li>
                <li class="navLi on">
                    <h3><a href="/publish"><span>项目发布</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="/course"><span>课程学习</span></a></h3>
                </li>
                <li class="navLi">
                    <h3><a href="/lookingprojects"><span>项目广场</span></a></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a href="/lookingtalents">● 寻找合伙人</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a href="/lookingprojects">● 寻找项目</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="navLi">
                    <h3><a href="/userInformation"><span>个人主页</span></a></h3>
                </li>
            </ul >
        </div>
    </div>
    <ul class="financing_progress">
        <li style="margin-left: 300px;" class="current_active">签署协议</li>
        <li >项目信息</li>
        <li >发布成功</li>
        <li >项目审核</li>
    </ul>
</header>
<!--轮播动画-->
<div class="banner1" style="width: 100%;height:700px ;position: relative;">
    <div style="position: absolute;margin-top: 180px;margin-left: 225px;">
        <section class="financing_pgs" style="color:deepskyblue;">
            任何通过使用百度而搜索链接到的第三方网页均系他人制作或提供，您可能从该第三方网页上获得资讯及享用服务，百度对其合法性概不负责，亦不承担任何法律责任。
            百度搜索结果根据您键入的关键字自动搜索获得并生成，不代表百度赞成被搜索链接到的第三方网页上的内容或立场。
            您应该对使用搜索引擎的结果自行承担风险。百度不做任何形式的保证：不保证搜索结果满足您的要求，不保证搜索服务不中断，不保证搜索结果的安全性、正确性、及时性、合法性。因网络状况、通讯线路、第三方网站等任何原因而导致您不能正常使用百度，百度不承担任何法律责任。
            百度尊重并保护所有使用百度用户的个人隐私权，您注册的用户名、电子邮件地址等个人资料，非经您亲自许可或根据相关法律、法规的强制性规定，百度不会主动地泄露给第三方。百度提醒您：您在使用搜索引擎时输入的关键字将不被认为是您的个人隐私资料。
            任何网站如果不想被百度收录（即不被搜索到），应该及时向百度反映，或者在其网站页面中根据拒绝蜘蛛协议（Robots Exclusion
            Protocol）加注拒绝收录的标记，否则，百度将依照惯例视其为可收录网站。
            任何单位或个人认为通过百度搜索链接到的第三方网页内容可能涉嫌侵犯其信息网络传播权，应该及时向百度提出书面权利通知，并提供身份证明、权属证明及详细侵权情况证明。百度在收到上述法律文件后，将会依法尽快断开相关链接内容。详情参见特定频道的著作权保护声明。
        </section>
        <form action="/pi/">
            <p style="text-align:center;color: brown;"><label><input type="checkbox" id="checkbox1"; style="vertical-align:middle;margin-right:3px;margin-top: -2px;">
                阅读并同意朋心合力平台的《服务协议》</label></p>
            <aside class="btm_btn">
                <button class="next_btn" id="Submit2">下一步</button>
            </aside>
        </form>
        <script>
            $('#Submit2').click(function () {
                //是否同意协议
                //checked表示是否为选中状态
                var isChecked = $('#checkbox1').is(":checked");
                if (isChecked == false) {
                    layer.alert('下一步前请阅读协议！', {
                        title: '系统提示',
                        skin: "mylayerbtn-skin"
                    });
                    return false;
                }
            })

        </script>
    </div>
</div>

<!--底部样式-->
<footer class="footerBg">
    <div class="container">
        <div class="ptb40">
            <div class="footTopL">
                <dl class="clearfix" style="width: 400px; margin-left: 60px;">
                    <dt>关于我们</dt>
                    <dd><a href="#">联系地址</a></dd>
                    <dd><a href="#">荣誉资质</a></dd>
                    <dd><a href="#">加入我们</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt>系统团队</dt>
                    <dd><a href="#">林某</a></dd>
                    <dd><a href="#">李某</a></dd>
                    <dd><a href="#">蔡某</a></dd>
                    <dd><a href="#">周某</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 100px;">
                    <dt>培训中心</dt>
                    <dd><a href="#">java类培训</a></dd>
                    <dd><a href="#">c/c++类培训</a></dd>
                    <dd><a href="#">Python类培训</a></dd>
                    <dd><a href="#">go语言类培训</a></dd>
                </dl>
                <dl class="clearfix" style="width: 400px; margin-left: 80px;">
                    <dt>权限介绍</dt>
                    <dd><a href="#">队长权限</a></dd>
                    <dd><a href="#">队员权限</a></dd>
                    <dd><a href="#">惩罚机制</a></dd>
                    <dd><a href="#">意见及建议</a></dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="CopyRight">
        <div class="container"><span class="footer_logo"><img src="images/footer_logo.png"></span><span
                class="CopyRight_name">朋心合力平台版权所有</span></div>
    </div>
</footer>
<div id="toTop">
    <i class="arrow up icon">
    </i>
    <p style="margin-top: 10px">&nbsp;返回顶部</p>
</div>
<script type="text/javascript">
    window.onload=function () {
        var oToTop=document.getElementById("toTop");
        oToTop.onclick=function () {
            document.documentElement.scrollTop="0px";
            document.body.scrollTop="0px";
        }
    }
</script>
</body>

</html>
